// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at https://mozilla.org/MPL/2.0/.

$font-path: '/media/protocol/fonts';
$image-path: '/media/protocol/img';

@import '~@mozilla-protocol/core/protocol/css/includes/lib';
@import '~@mozilla-protocol/core/protocol/css/components/logos/logo';
@import '~@mozilla-protocol/core/protocol/css/components/logos/logo-product-firefox';
@import '~@mozilla-protocol/core/protocol/css/components/notification-bar';
@import '~@mozilla-protocol/core/protocol/css/components/zap';

// --------------------------------------------------------------------------
// Protocol over-rides
// https://github.com/mozilla/protocol/issues/345
// https://github.com/mozilla/protocol/issues/536

// xs
$v-grid-xs: $layout-md;
$h-grid-xs: $layout-xs;

// md
$v-grid-md: $layout-xl * 0.5;
$h-grid-md: 64px;

// lg
$v-grid-lg: 192px * 0.5;
$h-grid-lg: 80px;

main {
    background-color: $color-white; // for IE6
    color: $color-dark-gray-30;

    .mzp-l-content {
        padding-top: $v-grid-xs;
        padding-bottom: $v-grid-xs;

        @media #{$mq-md} {
            padding-top: $v-grid-md;
            padding-bottom: $v-grid-md;
        }

        @media #{$mq-lg} {
            padding-top: $v-grid-lg;
            padding-bottom: $v-grid-lg;
        }
    }

    .mzp-c-logo {
        margin-left: auto;
        margin-right: auto;
    }

    h1 {
        color: $color-marketing-gray-99;
        margin-bottom: $spacing-md;
    }
}

// Hide the /thanks download button as selection is made via JS automatically.
#thanks-download-button {
    display: none;
}

// --------------------------------------------------------------------------
// section titles

.c-section-title {
    @include text-title-md;
    margin: 0 auto $layout-sm;
    padding: 0 $layout-sm;
    max-width: $content-md;
    text-align: center;

    strong {
        white-space: nowrap;
    }
}

// --------------------------------------------------------------------------
// windows disclaimer

.c-windows-disclaimer {
    margin: $layout-md auto $layout-sm;
    max-width: $content-sm;
    text-align: center;

    .c-windows-disclaimer-logo {
        margin-bottom: $layout-xs;
    }

    p:last-child {
        margin-bottom: 0;
    }
}

// --------------------------------------------------------------------------

.c-support-install {
    font-weight: bold;
    margin: 0 auto;
    max-width: 30em;
    padding: $spacing-xl $spacing-lg $spacing-lg;
    text-align: center;
}

.c-support-lang {
    background-color: $color-light-gray-10;
    padding: $spacing-lg;
    text-align: center;
}
